export const OrderTemplate = `
  <table class="temp-table" border="1" cellspacing="0">
    <tr>
      <td width="200px" style="text-align: center;padding:0;">设备类型(下拉选择)</td>
      <td width="200px" style="text-align: center;padding:0;">数量</td>
      <td width="200px" style="text-align: center;padding:0;">申请人</td>
      <td width="200px" style="text-align: center;padding:0;">备注</td>
    </tr>
    <tr>
      <td width="200px" height="40px" style="text-align: center;padding:0;">
        <select style="width:180px">
          <option value="楚杰单屏">楚杰单屏</option>
          <option value="楚杰双屏">楚杰双屏</option>
          <option value="三川叶桌面">三川叶桌面</option>
          <option value="三川叶双屏">三川叶双屏</option>
          <option value="勤冠大屏机32寸">勤冠大屏机32寸</option>
          <option value="勤冠大屏机43寸">勤冠大屏机43寸</option>
          <option value="勤冠大屏机55寸">勤冠大屏机55寸</option>
          <option value="山东卡尔电话机">山东卡尔电话机</option>
          <option value="猎户星空小豹机器人">猎户星空小豹机器人</option>
        </select>
      </td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
    </tr>
    <tr>
      <td width="200px" height="40px" style="text-align: center;padding:0;">
        <select style="width:180px">
          <option value="楚杰单屏">楚杰单屏</option>
          <option value="楚杰双屏">楚杰双屏</option>
          <option value="三川叶桌面">三川叶桌面</option>
          <option value="三川叶双屏">三川叶双屏</option>
          <option value="勤冠大屏机32寸">勤冠大屏机32寸</option>
          <option value="勤冠大屏机43寸">勤冠大屏机43寸</option>
          <option value="勤冠大屏机55寸">勤冠大屏机55寸</option>
          <option value="山东卡尔电话机">山东卡尔电话机</option>
          <option value="猎户星空小豹机器人">猎户星空小豹机器人</option>
        </select>
      </td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
    </tr>
    <tr>
      <td width="200px" height="40px" style="text-align: center;padding:0;">
        <select style="width:180px">
          <option value="楚杰单屏">楚杰单屏</option>
          <option value="楚杰双屏">楚杰双屏</option>
          <option value="三川叶桌面">三川叶桌面</option>
          <option value="三川叶双屏">三川叶双屏</option>
          <option value="勤冠大屏机32寸">勤冠大屏机32寸</option>
          <option value="勤冠大屏机43寸">勤冠大屏机43寸</option>
          <option value="勤冠大屏机55寸">勤冠大屏机55寸</option>
          <option value="山东卡尔电话机">山东卡尔电话机</option>
          <option value="猎户星空小豹机器人">猎户星空小豹机器人</option>
        </select>
      </td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
    </tr>
    <tr>
      <td width="200px" height="40px" style="text-align: center;padding:0;">
        <select style="width:180px">
          <option value="楚杰单屏">楚杰单屏</option>
          <option value="楚杰双屏">楚杰双屏</option>
          <option value="三川叶桌面">三川叶桌面</option>
          <option value="三川叶双屏">三川叶双屏</option>
          <option value="勤冠大屏机32寸">勤冠大屏机32寸</option>
          <option value="勤冠大屏机43寸">勤冠大屏机43寸</option>
          <option value="勤冠大屏机55寸">勤冠大屏机55寸</option>
          <option value="山东卡尔电话机">山东卡尔电话机</option>
          <option value="猎户星空小豹机器人">猎户星空小豹机器人</option>
        </select>
      </td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
    </tr>
    <tr>
      <td width="200px" height="40px" style="text-align: center;padding:0;">
        <select style="width:180px">
          <option value="楚杰单屏">楚杰单屏</option>
          <option value="楚杰双屏">楚杰双屏</option>
          <option value="三川叶桌面">三川叶桌面</option>
          <option value="三川叶双屏">三川叶双屏</option>
          <option value="勤冠大屏机32寸">勤冠大屏机32寸</option>
          <option value="勤冠大屏机43寸">勤冠大屏机43寸</option>
          <option value="勤冠大屏机55寸">勤冠大屏机55寸</option>
          <option value="山东卡尔电话机">山东卡尔电话机</option>
          <option value="猎户星空小豹机器人">猎户星空小豹机器人</option>
        </select>
      </td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
      <td width="200px" height="40px" style="text-align: center;padding:0;"></td>
    </tr>
  </table>
\n`

// 保存select选择的option，增加selected属性
export const onChangeSelect3 = () => {
  const allSelectDom = document.querySelectorAll('select')
  for (let idx = 0; idx < allSelectDom.length; idx++) {
    const selectDom = allSelectDom[idx]
    selectDom.onchange = e => {
      for (let index = 0; index < e.target.length; index++) {
        const v = e.target[index]
        if (v.selected) {
          v.setAttribute('selected', 'selected')
        } else {
          v.removeAttribute('selected')
        }
      }
    }
  }
}
